<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script  src="../js/vue.js"></script>  
<script  src="../js/jquery.min.js"></script>
</head>

<body>
   <div id="app">
 <my-component :my-message="message" v-bind:class="test1"></my-component>
   </div>
</body>

<script>
var first= Vue.component('my-component',{
        template:"<div>1111{{myMessage}}"+
		"</div>",
		props:["myMessage"]
    }    
);




new Vue({
el:'#app',
data:{
message:'hello',
test1:'divClass'
}
})


</script>
</html>